import React, { Component } from 'react';
import {
  AppReqisty,
  StyleSheet,
  Text,
  View,
  Image,
  TextInput,
  TouchableOpacity,


} from 'react-native';

export default class sys extends Component<Props> {
  render() {
    return (
     <View style={styles.container}>

     <Image source={require('../../img/3.jpg')} style={styles.iconStyle} />
     <Text>用户名</Text>     
     <TextInput placeholder={'请输入用户名'} underlineColorAndroid='transparent'  style={styles.textInputStyle}/>
     <Text>密码</Text> 
     <TextInput placeholder={'请输入密码'}  underlineColorAndroid='transparent' secureTextEntry={true} style={styles.textInputStyle}/>
     <Text>请确认密码</Text> 
     <TextInput placeholder={'请输入密码'}  underlineColorAndroid='transparent' secureTextEntry={true} style={styles.textInputStyle}/>
    <TouchableOpacity onPress={() => { this.props.navigation.navigate('User') }} >
     <View style={styles.loginBtnStyle}>
          <Text style={{color:'white'}}>登录</Text>
     </View>
     </TouchableOpacity>
     </View>
    );
  }
 
}
const styles = StyleSheet.create({
  container:{
    flex:1,
    backgroundColor:'#dddddd',
    alignItems:'center'
  },
  iconStyle:{
    marginTop:50,
    marginBottom:30,
    width:80,
    height:80,
    borderRadius:40,
    borderWidth:2,
    borderColor:'white'
  },
  textInputStyle:{
    height:38,
    width:350,
    backgroundColor:'white',
    marginBottom:1,
    textAlign:'center',
  },
  loginBtnStyle:{
    height:35,
    width:350,
    backgroundColor:'#FF0000',
    marginTop:30,
    marginBottom:20,
    justifyContent:'center',
    alignItems:'center',
    borderRadius:8
  },
});
